<template>
	<view class="">
		<view class="item-con row between " hover-class="hover-opacity" @tap="onItemClick(item)">
			<view class="item-left"><u-image :src="dataInfo.icon" width="200" height="200" borderRadius="10"></u-image></view>
			<view class="item-right">
				<view class="item-title clamp">
					{{dataInfo.title}}
				</view>
				<view class="item-time">发布时间：{{dataInfo.createDate}}</view>
				<view class="row">
					<image src="/static/img/liulanliang.png" mode="" class="yan-icon"></image>
					<text class="item-num">{{dataInfo.seeCounts}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			item:Object
		},
		data(){
			return {
				dataInfo:{}
			}
		},
		watch:{
			item:{
				handler(n){
					this.dataInfo=n
				},
				immediate: true,
				deep: true
			}
		}
	}
</script>

<style scoped>
.item-con {
	padding: 20upx;
	border-bottom: 1px solid #f6f6f6;
}
.item-con:last-child {
	border: none;
}
.item-right {
	padding-left: 20upx;
	flex: 1;
}
.item-title {
	font-size: 28upx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #000000;
	line-height: 43upx;
}

</style>
